.ui-advice {
	display: flex;
	align-items: flex-end;
	margin-top: 12px;
}

.ui-advice.--angle-top {
	align-items: flex-start;
}

.ui-advice.--angle-bottom {
	align-items: flex-end;
}

.ui-advice__avatar-box {
	margin-right: 5px;
	margin-left: 8px;
}

.ui-advice.--angle-top .ui-advice__avatar-box {
	margin-top: 3px;
}

.ui-advice__text-box {
	position: relative;
	flex-grow: 1;
	max-width: 77%;
	padding: 12px 19px;
	margin-left: 9px;
	border-radius: 23px;
	border: var(--ui-border-width-thin, 1px) solid var(--ui-color-primary, #2fc6f6);
	background-color: var(--ui-color-background-primary, #ffffff);
	font-family: var(--ui-font-family-secondary, var(--ui-font-family-open-sans));
	font-size: var(--ui-font-size-md, 14px);
	line-height: var(--ui-font-line-height-md, 1.4);
	font-weight: var(--ui-font-weight-regular, 400);
	color: var(--ui-color-text-primary, #333);
}

.ui-advice__text-box::before {
	content: '';
	display: block;
	position: absolute;
	width: 14px;
	height: 12px;
	background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg width='14' height='12' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M11.351 11.162a.493.493 0 00-.006-.009C8.41 10.72 3.75 9.562.412 6.467c-.816-.757-.323-2.04.735-2.385C3.505 3.314 5.567 2.106 7.22.898l.01-.004 1.044-.73 2.519 5.298 3.075 6.083-2.517-.383z' fill='%23fff'/%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M11.49 10.164a1 1 0 01.67.41c.193.272.393.54.598.803l-1.407-.215-.006-.009C8.41 10.72 3.75 9.562.412 6.467c-.816-.757-.323-2.04.735-2.385C3.505 3.314 5.567 2.106 7.22.898l.01-.004.934-.654c.02.168.042.335.066.502a1 1 0 01-.4.948C6.115 2.946 3.952 4.22 1.457 5.033a.674.674 0 00-.431.404.316.316 0 00-.016.168.244.244 0 00.083.128C4.205 8.62 8.617 9.74 11.49 10.163z' fill='%2337C8F6'/%3E%3C/svg%3E");
	background-position: center;
	background-repeat: no-repeat;
}

.ui-advice.--angle-top .ui-advice__text-box::before {
	left: -8.2px;
	top: 8px;
	transform: scale(1, -1);
}

.ui-advice.--angle-bottom .ui-advice__text-box::before {
	left: -8.2px;
	bottom: 8px;
}

